﻿<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="FormaPagamento.aspx.cs"
    Inherits="Ecommerce.Web.FormaPagamento" %>
<%@ Register Tagprefix="ctrlBox" Tagname="ctrlProgressoCheckout" Src="~/UserControl/ProgressoCheckout.ascx" %>
<%@ Register Tagprefix="ctrlBox" Tagname="ctrlFormaPagamentoCartao" Src="~/UserControl/FormaPagamentoCartao.ascx" %>
<%@ Register Tagprefix="ctrlBox" Tagname="ctrlFormaPagamentoBoleto" Src="~/UserControl/FormaPagamentoBoleto.ascx" %>
<%@ Register Tagprefix="ctrlBox" Tagname="ctrlFormaPagamentoDebitoOnline" Src="~/UserControl/FormaPagamentoDebitoOnline.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="../Scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        function SelecionarFormaPagamento(tipo) {

            if (tipo == '0') {
                $('#dvCartao').show();
                $('#dvBoleto').hide();
                $('#dvDebito').hide();
            }
            else if (tipo == '1') {
                $('#dvCartao').hide();
                $('#dvBoleto').show();
                $('#dvDebito').hide();
            }
            else {
                $('#dvCartao').hide();
                $('#dvBoleto').hide();
                $('#dvDebito').show();
            }
        }

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TopoContent" runat="server">
    <div class="tit_tela">Forma de Pagamento</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <div class="miolo_carrinho_b">
        <div class="miolo_box_carrinho_inf_b">
            <div class="box_checkout">
                <div class="box_fp_selecao">
                    <table border="0" style="width:100%">
                        <tr>
                            <td style="text-align:center"><asp:Image ID="Image1" runat="server" ImageUrl="~/Images/bbz_cartoes.png" /></td>
                            <td style="text-align:center"><asp:Image ID="Image2" runat="server" ImageUrl="~/Images/bbz_boleto.png" /></td>
                            <td style="text-align:center"><asp:Image ID="Image3" runat="server" ImageUrl="~/Images/bbz_hsbc.png" /></td>
                        </tr>
                        <tr>
                            <td style="text-align:center"><asp:Label ID="Label1" CssClass="box_fp_texto" runat="server" Text="Cartões de Crédito"></asp:Label></td>
                            <td style="text-align:center"><asp:Label ID="Label2" CssClass="box_fp_texto" runat="server" Text="Boleto Bancário"></asp:Label></td>
                            <td style="text-align:center"><asp:Label ID="Label3" CssClass="box_fp_texto" runat="server" Text="Transferência Online"></asp:Label></td>
                        </tr>
                        <tr>
                            <td style="text-align:center"><input type="button" value="Selecionar" class="box_fp_boleto_btn_c" onclick="SelecionarFormaPagamento(0);" /></td>
                            <td style="text-align:center"><input type="button" value="Selecionar" class="box_fp_boleto_btn_c" onclick="SelecionarFormaPagamento(1);" /></td>
                            <td style="text-align:center"><input type="button" value="Selecionar" class="box_fp_boleto_btn_c" onclick="SelecionarFormaPagamento(2);" /></td>
                        </tr>
                    </table>
                </div>
                <div style="height:10px"></div>
                <div id="dvCartao" style="display:none">
                    <ctrlBox:ctrlFormaPagamentoCartao ID="ctrlFormaPagamentoCartao" runat="server" />
                </div>
                <div id="dvBoleto" style="display:none">
                    <ctrlBox:ctrlFormaPagamentoBoleto ID="ctrlFormaPagamentoBoleto" runat="server" />
                </div>
                <div id="dvDebito" style="display:none">
                    <ctrlBox:ctrlFormaPagamentoDebitoOnline ID="ctrlFormaPagamentoDebitoOnline" runat="server" />
                </div>
            </div>

            <div class="box_info_checkout">
                <div class="box_info_checkout_tit">
                    Progresso do Checkout
                </div>
                <div class="box_info_checkout_conteudo">
                    <ctrlBox:ctrlProgressoCheckout ID="ctrlProgressoCheckout" runat="server" />
                </div>
            </div>
        </div>
    </div>
</asp:Content>
